<?xml version="1.0" encoding="utf-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja" lang="ja">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<link rel="stylesheet" type="text/css" href="/css/style.css" />
<script type="text/javascript" src="/js/flash.js"></script>
<script type="text/javascript" src="http://code.jquery.com/jquery.min.js"></script>
<script type="text/javascript">//<![CDATA[<!--
	$(document).ready(function(){
		var name = 'player';
		var player = (navigator.appName.indexOf("Microsoft")!=-1?window[name]:document[name]);
		var player_area = $('#player-area').css({'position':'absolute','left':-300});
		$('#otos a').attr('href','javascript:void(0);').click(function(){
			//alert($(this).attr('id')+' ### '+$(this).text());
			player_area.css({'left':Math.floor(($(window).width()-player_area.width()) / 2)});
			player.asPushOto($(this).attr('id'),$(this).text());
		});
	});
//-->]]></script>
</head>
<body>
<div id="contents">
<!--SOB-->


<div id="main-area">
<h1>Oto-Channel</h1>
<form action="/" method="get">
	<input type="text" name="keywords" />
	<input type="submit" value="search" />
</form>
<ul id="otos">
	{%for oto in otos%}
		<li><a id="{{oto.url}}">{{oto.name}}</a></li>
	{%endfor%}
</ul>
</div>


<div id="player-area">
<script language="JavaScript" type="text/javascript">//<![CDATA[<!--
	AC_FL_RunContent(
		'codebase', 'http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,0,0',
		'width', '339',
		'height', '100',
		'src', 'player',
		'quality', 'high',
		'pluginspage', 'http://www.adobe.com/go/getflashplayer_jp',
		'align', 'middle',
		'play', 'true',
		'loop', 'true',
		'scale', 'showall',
		'wmode', 'window',
		'devicefont', 'false',
		'id', 'player',
		'bgcolor', '#ffffff',
		'name', 'player',
		'menu', 'true',
		'allowFullScreen', 'false',
		'allowScriptAccess','sameDomain',
		'movie', 'player',
		'salign', ''
		); //end AC code
//-->]]></script>
<noscript>
	<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,0,0" width="339" height="100" id="player" align="middle">
	<param name="allowScriptAccess" value="sameDomain" />
	<param name="allowFullScreen" value="false" />
	<param name="movie" value="player.swf" /><param name="quality" value="high" /><param name="bgcolor" value="#ffffff" />	<embed src="player.swf" quality="high" bgcolor="#ffffff" width="339" height="100" name="player" align="middle" allowScriptAccess="sameDomain" allowFullScreen="false" type="application/x-shockwave-flash" pluginspage="http://www.adobe.com/go/getflashplayer_jp" />
	</object>
</noscript>
</div>


<!--EOB-->
</div>
</body>
</html>